<#include "module/macro.ftl">
<@head title="${blog_title!}"/>
<#include "module/sidebar.ftl">
<script src="//cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/axios@0.20.0/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert@2.1.2/dist/sweetalert.min.js"></script>

<!-- ===========================
    =====>> Secrius Hero <<===== -->
<section id="secrius-hero-area" class="bg-com jarallax" data-speed="-0.2">
    <div class="container">
        <div class="row">
            <div class="secrius-hero-cc-img mobile-none">
                <figure class="img-1"><img src="${theme_base!}/source/img/cam1.png" alt=""></figure>
                <figure class="img-1-2"><img src="${theme_base!}/source/img/pos2.png" alt=""></figure>
                <figure class="img-1-3"><img src="${theme_base!}/source/img/mpos2.png" alt=""></figure>
                <figure class="img-2 "><img src="${theme_base!}/source/img/cam2.png" alt=""></figure>
                <figure class="img-3 "><img src="${theme_base!}/source/img/one-mane.png" alt=""></figure>
            </div>
            <div class="col-lg-8 col-md-7">
                <div class="secrius-hero-left">
                    <h6 class="wow fadeInDown" data-wow-delay=".2s">24小时/一周7天 全天在线</h6>
                    <h5 class="wow fadeInDown" data-wow-delay=".4s">如需要，或者有合作意向请咨询QQ</h5>
                    <a href="tencent://message/?uin=1665572974&Site=&Menu-=yes"
                       class="secrius-hero-left-btn hover-effect wow fadeInDown" data-wow-delay=".6s">1665572974</a>
                    <ul class="wow fadeInDown" data-wow-delay=".8s">
                        <li>央行支付牌照</li>
                        <li>24/7 即时到账</li>
                        <li>支持免费待机入网！</li>
                        <li>机型均为全新机，终生维护</li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-4 col-md-5">
                <div class="secrius-hero-form" id="secrius-hero-form">
                    <div class="hero-form-or"></div>
                    <div class="hero-form-title">POS 商业合作</div>
                    <div class="hero-form">
                        <input type="text" class="hero-input-box" v-model="form.model.name" placeholder="*姓名" required>
                        <input type="text" class="hero-input-box" v-model="form.model.wechat" placeholder="*微信号" required>
                        <input type="text" class="hero-input-box" v-model="form.model.qq" placeholder="*QQ 号" required>
                        <textarea rows="10" cols="5" maxlength="200" v-model="form.model.requireMessage" style="resize:none;" class="hero-input-box last-item" placeholder="*请说出你的需求？" required></textarea>
                        <button class="btn-2 hover-effect" @click="handleSubmitClick">提交留言</button>
                    </div>
                    <v-code :show="vcode.show" @success="handleSubmitDebounce" @close="vcode.show = false"></v-code>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- =====>> End Secrius Hero <<=====
    =========================== -->

<!-- ===========================
    =====>> Services <<===== -->
<section id="services-area" class="pt-110 ">
    <div class="services-bg bg-com "></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h3 class="services-title">选择我们办理POS机的理由是什么？</h3>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="services-item wow fadeInUp" data-wow-delay=".2s"><img src="${theme_base!}/source/img/s1.png"
                                                                                  alt="services">
                    <h5 class="services-title-title">银联认证、一清正品</h5>
                    <div class="service-margin">银联卡检测中心、银联受理终端双重认证、国家颁发银联支付牌照</div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 ">
                <div class="services-item wow fadeInUp" data-wow-delay=".4s">
                    <img src="${theme_base!}/source/img/s2.png" alt="services">
                    <h5 class="services-title-title">极速到账、模式繁多 </h5>
                    <div class="service-margin">即刷即到，资金使用更便捷，D+0、T+1两种到账模式，灵活选择</div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="services-item wow fadeInUp" data-wow-delay=".6s">
                    <img src="${theme_base!}/source/img/s3.png" alt="services">
                    <h5 class="services-title-title">费率自由定义</h5>
                    <div class="service-margin">云闪付最低费率低至<span><strong>0.30%</strong></span>。刷卡费率可低至0.54%，可以给用户设定≥0.54%的任何费率
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="services-item wow fadeInUp" data-wow-delay=".8s">
                    <img src="${theme_base!}/source/img/s4.png" alt="services">
                    <h5 class="services-title-title">账单漂亮，笔笔有积分</h5>
                    <div class="service-margin">加油站、超市、旅游、娱乐等各种账单，海量礼品等您兑换。</div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- =====>> End Services <<=====
    =========================== -->

<!-- ===========================
    =====>> Installation <<===== -->
<section id="installation-area" class="pt-120 pb-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 installation-col">
                <div class="installation-img"><img src="${theme_base!}/source/img/installation.png" alt=""></div>
            </div>
            <div class="col-lg-6 installation-col">
                <div class="installation-content">
                    <h2 class="hading-title">当你考虑更好的 <span>支付公司</span>作为合作商</h2>
                    <p class="blue">银联合作POS机官网，招收各级代理商及合作伙伴,我们的产品拥有以下几大优点</p>
                    <p> 1.全国收单牌照； 2.有独立后台，资金明细一目了然； 3.手续简单，下机快，当天下机。 我们的公司优势： 1.支持免费待机入网 2.机型均为全新机，终生维护
                        3.全省有多个公司服务部,招收各地区分公司 </p>
                    <a href="#" class="btn-1 hover-effect">了解更多</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- =====>> End Installation <<=====
    =========================== -->

<!-- ===========================
    =====>> Feature <<===== -->
<section id="feature-area" class="feature-bg bg-com jarallax pt-120 pb-120" data-speed="-0.2">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <div class="feature-left">
                    <div class="feature-left-item hover-effect wow fadeInDown" data-wow-delay=".2s">
                        <span class="svg-icon icon-cc-camera"></span>
                        <p> 全国范围<br>
                            行业领先 </p>
                    </div>
                    <div class="feature-left-item hover-effect wow fadeInDown" data-wow-delay=".4s">
                        <span class="svg-icon icon-secrity"></span>
                        <p>所有产品 <br>
                            品牌保障 </p>
                    </div>
                    <div class="feature-left-item hover-effect wow fadeInUp" data-wow-delay=".4s"><span
                                class="svg-icon icon-product"></span>
                        <p>收款方式 <br>
                            覆盖广泛 </p>
                    </div>
                    <div class="feature-left-item hover-effect wow fadeInUp" data-wow-delay=".2s"><span
                                class="svg-icon icon-control"></span>
                        <p>节假无休 <br>
                            秒到日结</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-2"></div>
            <div class="col-lg-3 col-md-6">
                <div class="feature-right">
                    <div class="feature-right-img"><img src="${theme_base!}/source/img/钱宝支付拍照.jpg" alt=""></div>
                    <h6 class="feature-right-title">重庆钱宝科技央行支付牌照</h6>
                    <p>重庆钱宝科技与POS机官网达成战略合作 </p>
                    <a href="#" class="feature-btn">了解更多</a></div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="feature-right">
                    <div class="feature-right-img"><img src="${theme_base!}/source/img/畅捷支付牌照.jpg" alt=""></div>
                    <h6 class="feature-right-title">北京畅捷央行支付牌照</h6>
                    <p>北京畅捷科技与POS机官网开展业务往来 </p>
                    <a href="#" class="feature-btn">了解更多</a></div>
            </div>
        </div>
    </div>
</section>
<!-- =====>> End Feature <<=====
    =========================== -->

<!-- ===========================
    =====>> Reliable <<===== -->
<section id="reliable-area" class="reliable-bg bg-com pb-120 pt-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="reliable-content">
                    <h2 class="reliable-content-title">安全 & 快捷</h2>
                    <p>招财进宝（钱宝POS）可以轻松进行手机云闪付，支持银行卡、微信、支付宝、Apple Pay、银联闪付、 闪惠买单、团购验券等,方便简单,易上手 省——快捷支付,省时省力 </p>
                    <ul class="twocolumn list-icons">
                        <li>单笔收款仅需<span>1秒</span></li>
                        <li>手持POS，灵活对接顾客</li>
                        <li>笔笔刷卡带积分</li>
                        <li>24小时随时可用</li>
                        <li>7*24小时不间断服务</li>
                        <li>终身免费售后</li>
                        <li>真实商户，不跳码，跳地区</li>
                        <li>提供代理培训，拓客素材</li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-5 offset-lg-1">
                <div class="reliable-img bg-com">
                    <!--			<a class="popup-video" href="https://image.lulaalaa.com/刷卡.mp4"> -->
                    <a class="popup-video" href="https://image.lulaalaa.com/%E9%92%B1%E5%AE%9D%E5%88%B7%E5%8D%A1.mp4">
                        <i class="fab fa-youtube"></i> </a></div>
            </div>
        </div>
    </div>
</section>
<!-- =====>> End Reliable <<=====
    =========================== -->

<!-- ===========================
    =====>> Secrius Details <<===== -->
<section id="secrius-details-area" class="pt-120 pb-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <div class="secrius-details-coupon bg-com">
                    <div class="coupon-title">比其他POS代理商便宜40%</div>
                    <div class="coupon-date">POS及时到账不加附加费</div>
                    <p>如果一年刷卡100w元，可以省下来3000元手续费！</p>
                    <a href="#" class="btn-coupon hover-effect">推荐机型</a></div>
                <div class="secrius-details-call bg-com">
                    <h3>如果有问题？ <span>QQ：1665572974</span></h3>
                </div>
            </div>
            <div class="col-lg-7 offset-lg-1">
                <div class="secrius-details-right">
                    <h2 class="hading-title"> 据不完全统计，中国POS机行业平均每年以<span>15%</span> 的速度在增长。</h2>
                    <p class="blue"> 据不完全统计，中国pos机行业平均每年以15%的速度在增长。</p>
                    <p>人性化的设计，携带方便，系统精美等都是新型pos的卖点。加盟子鑫，无需担心没有市场，打不开销售渠道等问题。</p>
                    <ul class="twocolumn list-icons">
                        <li> 产品的绝对优势</li>
                        <li>产品的实用性</li>
                        <li>代理商的唯一性</li>
                        <li>市场的易操作性</li>
                        <li>完善的代理培训机制</li>
                        <li>免压货政策</li>
                    </ul>
                    <hr>
                    <p class="blue">对比其他代理商，我们提供最友善的代理政策</p>
                    <p>
                        所有机器免押货，下一台，发一台，无需进货100台。代理商最为担心的是产品如何打开市场，如何进行推广，子鑫根据pos机的特性以及市场的情况，制定详细的销售策略，代理商与我们合作后，无需投入太多的资金开发市场，只需要按总部的销售建议，就可以在短时间内快速有效的打开市场，获得利润。</p>
                    <ul class="list-icons">
                        <li> 从事POS行业12年，打造全网最专业的POS团队。</li>
                        <li> 我们用多年的经验和敏锐的市场判断来确保盈利。</li>
                        <li>总部拥有固定的物流合作单位，将供货渠道铺向全国，能够保障货物方便快捷的运往全国各地。</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- =====>> End Secrius Details <<=====
    =========================== -->

<!-- ===========================
    =====>> Clint Review <<===== -->
<section id="clint-review-area" class="clint-review-c pt-120 pb-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <h2 class="hading-title">超过 <span>13600个客户</span>满意我们服务</h2>
            </div>
        </div>
        <!-- Clint Review -->
        <div class="row">
            <div class="col-lg-12">
                <div class="clint-review-slider owl-carousel owl-theme">
                    <div class="clint-review-item">
                        <div class="clint-review-text">
                            <h6>专业的售后 ! </h6>
                            <p> 子鑫科技拥有专业的售后团队可以及时处理问题，保证客户完全知晓POS机器功能！</p>
                            <div class="clint-name"><i class="fas fa-quote-left"></i> 售后主管-null</div>
                        </div>
                        <div class="clint-review-img"><img src="${theme_base!}/source/img/r1.png" alt=""></div>
                    </div>
                    <div class="clint-review-item">
                        <div class="clint-review-text">
                            <h6>回头老顾客多 </h6>
                            <p>回头老顾客多，也从侧面反映了子鑫科技的服务无微不至，遇到问题无所不答，尽力帮客户解决问题。</p>
                            <div class="clint-name"><i class="fas fa-quote-left"></i> 售前客服-米朵朵</div>
                        </div>
                        <div class="clint-review-img"><img src="${theme_base!}/source/img/r2.png" alt=""></div>
                    </div>
                    <div class="clint-review-item">
                        <div class="clint-review-text">
                            <h6>实事求是是公司理念之本 </h6>
                            <p> 很多客户原本就有机器，子鑫科技不会强行推销POS机。以人为本，根据每个人的刷卡资金量，推荐机器，而不是烂买强卖POS！</p>
                            <div class="clint-name"><i class="fas fa-quote-left"></i> 公司主管-null</div>
                        </div>
                        <div class="clint-review-img"><img src="${theme_base!}/source/img/r3.png" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Logo Footer -->
        <div class="row">
            <div class="col-lg-12">
                <div class="logo-footer-title">
                    <h4>合作银行</h4>
                </div>
                <div class="logo-footer-slider owl-carousel owl-theme">
                    <div class="logo-footer-item"><a href="#"> <img src="${theme_base!}/source/img/logo/1.png" alt="">
                        </a></div>
                    <div class="logo-footer-item"><a href="#"> <img src="${theme_base!}/source/img/logo/2.png" alt="">
                        </a></div>
                    <div class="logo-footer-item"><a href="#"> <img src="${theme_base!}/source/img/logo/3.png" alt="">
                        </a></div>
                    <div class="logo-footer-item"><a href="#"> <img src="${theme_base!}/source/img/logo/4.png" alt="">
                        </a></div>
                    <div class="logo-footer-item"><a href="#"> <img src="${theme_base!}/source/img/logo/5.png" alt="">
                        </a></div>
                    <div class="logo-footer-item"><a href="#"> <img src="${theme_base!}/source/img/logo/6.png" alt="">
                        </a></div>
                    <div class="logo-footer-item"><a href="#"> <img src="${theme_base!}/source/img/logo/7.png" alt="">
                        </a></div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- =====>> End Clint Review <<=====
    =========================== -->

<!-- ===========================
    =====>> Team <<===== -->
<section id="team-area" class="pt-120 pb-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 offset-lg-2">
                <div class="section-title text-center">
                    <h2 class="hading-title">我们的强推<span>POS机型</span></h2>
                    <p>经过大数据分析，已经回头顾客的常用习惯分析，推荐以下POS机型。均是一清机，央行牌照，保证资金安全，商户优质，易于养卡。最低费率只要0.30%！</p>
                </div>
            </div>
        </div>
        <div class="row pt-70">
            <div class="team-slide owl-carousel owl-theme">
                <div class="team-item">
                    <div class="team-img"><a href="about.html">
                            <!--			  <i class="fab fa-facebook-f"></i>-->
                            <img src="${theme_base!}/source/img/t1.jpg" alt=""> </a></div>
                    <div class="team-text">
                        <div class="team-name">
                            <h6>当前销量最好的MPOS</h6>
                            <p>钱宝MPOS</p>
                        </div>
                        <!--
                        <ul class="team-socile">
                          <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                          <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                          <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                          <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                        </ul>
            -->
                    </div>
                </div>
                <div class="team-item">
                    <div class="team-img"><a href="about.html"> <img src="${theme_base!}/source/img/t2.jpg" alt=""> </a>
                    </div>
                    <div class="team-text">
                        <div class="team-name">
                            <h6>最畅销的大POS</h6>
                            <p>钱宝大POS</p>
                        </div>
                        <!--
                        <ul class="team-socile">
                          <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                          <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                          <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                          <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                        </ul>
            -->
                    </div>
                </div>
                <div class="team-item">
                    <div class="team-img"><a href="about.html"> <img src="${theme_base!}/source/img/t3.jpg" alt=""> </a>
                    </div>
                    <div class="team-text">
                        <div class="team-name">
                            <h6>功能最强的POS</h6>
                            <p>银盛通ePOS</p>
                        </div>
                        <!--
                        <ul class="team-socile">
                          <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                          <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                          <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                          <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                        </ul>
            -->
                    </div>
                </div>
                <div class="team-item">
                    <div class="team-img"><a href="about.html"> <img src="${theme_base!}/source/img/t4.jpg" alt=""> </a>
                    </div>
                    <div class="team-text">
                        <div class="team-name">
                            <h6>稳定5年的POS，全真实商户</h6>
                            <p>畅捷POS</p>
                        </div>
                        <!--
                        <ul class="team-socile">
                          <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                          <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                          <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                          <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                        </ul>
            -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script src="${theme_base!}/source/js/v-code.min.js"></script>
<script>
function debounce(func, wait, immediate) {
    var timeout;
    return function() {
        var context = this,
        args = arguments;
        clearTimeout(timeout);
        timeout = setTimeout(function() {
            timeout = null;
            if (!immediate) func.apply(context, args);
        }, wait);
        if (immediate && !timeout) func.apply(context, args);
    };
}
new Vue({
  el: '#secrius-hero-form',
  data() {
      return {
          form: {
              model: {
                name: null,
                wechat: null,
                qq: null,
                requireMessage: null
              },
              saving: false
          },
          vcode: {
              show: false
          }
      }
  },
  methods: {
      handleSubmitClick() {
          if(!this.form.model.name || this.form.model.name==='') {
            swal("请填写姓名！",{
                icon: "warning",
                button: {
                    text: "继续填写",
                }
            });
            return 
          }
          if(this.form.model.name.length>5) {
            swal("姓名过长，不能超过 5 个字符！",{
                icon: "warning",
                button: {
                    text: "修改",
                }
            });
            return 
          }
          if(!this.form.model.wechat || this.form.model.wechat==='') {
            swal("请填写微信号码！",{
                icon: "warning",
                button: {
                    text: "继续填写",
                }
            });
            return 
          }
          if(!this.form.model.qq || this.form.model.qq==='') {
            swal("请填写 QQ 号码！",{
                icon: "warning",
                button: {
                    text: "继续填写",
                }
            });
            return 
          }
          if(!this.form.model.requireMessage || this.form.model.requireMessage==='') {
            swal("请填写留言内容！",{
                icon: "warning",
                button: {
                    text: "继续填写",
                }
            });
            return 
          }
          if(this.form.model.requireMessage.length>50) {
            swal("留言内容过长，不能超过 50 个字符！",{
                icon: "warning",
                button: {
                    text: "修改",
                }
            });
            return 
          }
          this.vcode.show = true
      },
      handleSubmitDebounce: debounce(function() {
        const _this = this;
        _this.vcode.show = false;
        _this.handleSubmit();
      }, 300),
      handleSubmit() {
          axios
            .post('/api/content/messages',this.form.model)
            .then(response => {
                swal("提交成功！",{
                    icon: "success",
                    button: {
                        text: "确定",
                    }
                });
                this.form.model = {
                    name: null,
                    wechat: null,
                    qq: null,
                    requireMessage: null
                }
            })
      },
  }
})
</script>
<!-- =====>> End Team <<=====
    =========================== -->
<@footer></@footer>
